<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>NBA新闻 - NBA篮球世界</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/news.css">
    <link rel="stylesheet" href="../css/animations.css">
</head>

<body>
    <header>
        <div class="logo">
            <img src="../img/NBA-LOGO.png" alt="NBA Logo">
            <h1>NBA新闻</h1>
        </div>
        <nav>
            <ul>
                <li><a href="../index.html">首页</a></li>
                <li><a href="teams.html">球队</a></li>
                <li><a href="players.html">球员</a></li>
                <li><a href="news.html" class="active">新闻</a></li>
                <li><a href="contact.html">联系</a></li>
            </ul>
        </nav>
    </header>

    <main class="news-page">
        <section class="featured-news">
            <h2>头条新闻</h2>
            <div class="featured-news-grid">
                <article class="featured-article">
                    <img src="../img/詹姆斯.jpg" alt="詹姆斯打破得分记录">
                    <div class="article-content">
                        <h3>詹姆斯打破NBA历史得分记录</h3>
                        <p>勒布朗·詹姆斯在最近比赛中超越卡里姆·阿卜杜尔-贾巴尔，成为NBA历史得分榜最高分得主。这一里程碑式的成就再次证明了詹姆斯作为篮球巨星的非凡实力。</p>
                        <a href="#" class="read-more">阅读全文</a>
                    </div>
                </article>
            </div>
        </section>

        <section class="news-categories">
            <h2>新闻分类</h2>
            <div class="news-grid">
                <article>
                    <h3>球队动态</h3>
                    <ul>
                        <li>
                            <span>湖人队战绩分析</span>
                            <a href="#" class="read-more">详情</a>
                        </li>
                        <li>
                            <span>勇士队最新阵容调整</span>
                            <a href="#" class="read-more">详情</a>
                        </li>
                    </ul>
                </article>

                <article>
                    <h3>球员新闻</h3>
                    <ul>
                        <li>
                            <span>库里三分神射再创纪录</span>
                            <a href="#" class="read-more">详情</a>
                        </li>
                        <li>
                            <span>杜兰特伤情最新进展</span>
                            <a href="#" class="read-more">详情</a>
                        </li>
                    </ul>
                </article>

                <article>
                    <h3>赛事前瞻</h3>
                    <ul>
                        <li>
                            <span>湖人vs勇士即将上演巅峰对决</span>
                            <a href="#" class="read-more">详情</a>
                        </li>
                        <li>
                            <span>季后赛形势分析</span>
                            <a href="#" class="read-more">详情</a>
                        </li>
                    </ul>
                </article>
            </div>
        </section>

        <section class="latest-news-list">
            <h2>最新资讯</h2>
            <div class="news-list">
                <article>
                    <div class="news-date">2024-01-10</div>
                    <div class="news-content">
                        <h3>NBA全明星阵容即将公布</h3>
                        <p>本赛季NBA全明星阵容提名名单即将揭晓，詹姆斯、库里等超级巨星呼声最高。</p>
                        <a href="#" class="read-more">阅读更多</a>
                    </div>
                </article>
                <article>
                    <div class="news-date">2024-01-08</div>
                    <div class="news-content">
                        <h3>年轻新秀崭露头角</h3>
                        <p>本赛季多位新秀展现出色天赋，引发联盟关注。</p>
                        <a href="#" class="read-more">阅读更多</a>
                    </div>
                </article>
            </div>
        </section>
    </main>

    <footer>
        <div class="copyright">
            <p>NBA篮球世界</p>
        </div>
    </footer>
</body>

</html>